<template>
  <div class="decoitem">
      <img src="" alt="">
      <div class="right">
          <h4>biaoyi</h4>
          <p>均价</p>
          <span>
              <i class="left1">地址</i>
              <i class="right1">距离</i>
          </span>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .decoitem{
        width: 100%;
        border-bottom: 0.1rem solid #d3d3d3;
        display: flex;
        background-color:fuchsia;
        justify-content: space-between;
    }
    .decoitem img{
        width: 0.9rem;
        height: 0.9rem;
        margin: 0.12rem;
        border: 1px solid yellowgreen;
    }
    .decoitem .right{
        width: 2.48rem;
        border: 1px solid red;
    }
    .decoitem .right h4{
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.18rem;
        font-weight: normal;
        background-color: #fff;
    }
    .decoitem .right p{
        height: 0.24rem;
        margin: 0.1rem 0;
        background-color: palegoldenrod;
    }
    .decoitem .right span{
        display: inline-block;
        width: 100%;
        height: 0.16rem;
        background-color: #fff;
    }
    .decoitem .right span .right1{
        float: right;
    }
    .decoitem .right span .left1{
        float: left;
    }
</style>